
@import "function";
@import "var";
@import "mixin";

.tab-title {
  height: px2rem(80px);
  line-height: px2rem(80px);
  display: flex;
  color: #999999;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  li {
    flex: 1;
    text-align: center;
    height: 100%;
    span {
      display: inline-block;
      height: 100%;
      width: 100%;
      font-size: px2rem(28px);
      text-align: center;
      border-bottom: 1px solid transparent;
    }
    &.active {
      color: $main_color;
      span {
        border-color: $main_color;
      }
    }
  }
  &.white{
    color: #555;
    background-color: #fff;
  }
}

